GermanWikipedia - /page/entry.mu

Micron Document

<!DOCTYPE html>

<title>Heatmap</title>

</head>

<h1 id="firstHeading" class="firstHeading mw-first-heading"><span class="mw-page-title-main">Heatmap</span></h1>

</header>

</div>

<div id="mw-content-text" class="mw-body-content mw-content-ltr" lang="de" dir="ltr"><div class="mw-content-ltr mw-parser-output" lang="de" dir="ltr"><p>Eine <b>Heatmap</b> (englisch <i>heat</i> = ‚Hitze‘, ‚Wärme‘; <i>map</i> = ‚Karte‘, also z. B. Wärmebild wie bei einer <a href="W%C3%A4rmebildkamera" title="Wärmebildkamera">Wärmebildkamera</a>) ist ein <a href="Diagramm" title="Diagramm">Diagramm</a> zur <a href="Visualisierung" title="Visualisierung">Visualisierung</a> von Daten aufgrund einer <a href="Funktion_(Mathematik)" title="Funktion (Mathematik)">Funktion (Mathematik)</a>, mit der eine <a href="Dimension_(Mathematik)" title="Dimension (Mathematik)">zweidimensionale</a> <a href="Definitionsmenge" title="Definitionsmenge">Definitionsmenge</a> (z. B. die Punkte einer Hauswand oder einer Landkarte) auf den Zahlenstrahl (z. B. die Skala eines Thermometers) abgebildet und farblich dargestellt wird. Diese Visualisierung dient dazu, in einer großen Datenmenge intuitiv und schnell einen Überblick zu geben und besonders markante Werte leicht erkennbar zu machen.

</p><p>Der Begriff Heatmap ist unscharf. Er reicht in der engen Interpretation von (hohen) Temperaturen auf einer Landkarte bis hin zu <a href="Tree_Map" title="Tree Map">Tree Maps</a> mit unsystematischer Farbcodierung. Weite Verbreitung finden die Bestimmungen

</p>

<ul><li>zweidimensionale Definitionsmenge: Zeilen und Spalten einer Tabelle, Achsen einer <a href="Funktion_(Mathematik)" title="Funktion (Mathematik)">mathematischen Funktion</a>, Bild(schirm)-Koordinaten (Foto, Webseite)</li>

<li>Farbcodierung der abhängigen Werte: Darstellung durch eine Temperaturskala (die als solche erkennbar ist), <a href="Ordinalskala" title="Ordinalskala">ordinalskalig</a> oder gestufte Zuordnung des Farbtons, einem (Ausschnitt) des <a href="Lichtspektrum" class="mw-redirect" title="Lichtspektrum">Spektrums</a> oder des <a href="Farbkreis" title="Farbkreis">Farbkreises</a> folgend; <a href="Monochromatisches_Licht" title="Monochromatisches Licht">monochrome</a> Variation von <a href="Farbs%C3%A4ttigung" title="Farbsättigung">Sättigung</a> oder Helligkeit; aber auch Schwarz-weiß- oder Grauwerte, schattiert, gepunktet, schraffiert oder grafisch auf andere Weise unterschieden.</li></ul>

<p>Der Name Heatmap leitet sich daraus ab, dass manche Farben mit Temperaturen assoziiert werden.

</p>

<div class="mw-heading mw-heading2"><h2 id="Geschichte">Geschichte</h2></div>

<p>Die Verwendung von Heatmaps geht mindestens bis auf Toussaint Loua<sup id="cite_ref-datavis_1-0" class="reference"><a href="#cite_note-datavis-1"><span class="cite-bracket">[</span>1<span class="cite-bracket">]</span></a></sup> zurück, der im Jahre 1873 statistische Daten der <a href="Arrondissement_(Paris)" title="Arrondissement (Paris)"><i>Arrondissements</i> von Paris</a> als Tabelle mit schattierten Feldern darstellte, erst schwarz-weiß, dann farbig.<sup id="cite_ref-clusterhist_2-0" class="reference"><a href="#cite_note-clusterhist-2"><span class="cite-bracket">[</span>2<span class="cite-bracket">]</span></a></sup>

</p><p>Sneath (1957) stellt das Ergebnis einer <a href="Clusteranalyse" title="Clusteranalyse">Clusteranalyse</a> dar, indem er Zeilen und Spalten einer Matrix permutierte, um ähnliche Werte entsprechend ihrer Häufung nahe beieinander zu platzieren. Die Idee, Cluster-Bäume an Zeilen und Spalten einer Datentabelle anzufügen, geht auf Robert Ling im Jahre 1973 zurück. Leland Wilkinson entwickelte 1994 das erste Computerprogramm (<a href="SYSTAT" title="SYSTAT">SYSTAT</a>), um Cluster-Heatmaps mit großer Farbtiefe zu erzeugen.

</p>

<div class="mw-heading mw-heading2"><h2 id="Farbcodierung">Farbcodierung</h2></div>

<p>Ist die abhängige Variable ein <a href="Skalar_(Mathematik)" title="Skalar (Mathematik)">Skalar</a>, so lässt sie sich auf natürliche Weise auf eine Temperaturskala abbilden. Weist man in einem zweiten Schritt einer Temperatur eine Farbe zu, Blau gilt als <a href="Kalte_Farbe" title="Kalte Farbe">kalte Farbe</a>, Rot, Orange und Gelb als <a href="Warme_Farbe" title="Warme Farbe">warme Farben</a>, so erklärt das den Namen Heatmap.

</p><p>Die Verbindung von Farbe und Temperatur ist kulturell geprägt und nicht zwingend. Die Wahl der Farbskala ist daher willkürlich und dem Ersteller der Heatmap freigestellt.

</p><p>Bei festen Endpunkten der Skala stellt sich die Frage der Übergangsfarben. Eine <a href="Gl%C3%BChlampe" title="Glühlampe">Glühlampe</a> mit steigendem Stromdurchfluss glimmt erst rot (warm), wird dann gelb und schließlich weiß (heiß). Ergänzt um das kalte Blau kann eine Farbskala wie folgt aussehen: Schwarz (unbunt, kältest) – Blau – Violett – Rot – Gelb – Weiß (unbunt, heißest).

</p><p>Eine breitere Ausnutzung des Farbkreises schreitet von Blau über Grün – Gelb – Orange nach Rot vor. Violett kann hier als kälteste Farbe unterhalb von Blau hinzutreten. Rot ist dann die heißeste, Violett die kälteste Farbe, im Gegensatz zum Glühlampenmodell, wo Violett und Rot mittlere Temperaturen repräsentieren.

</p><p><a href="Farbe" title="Farbe">Farbe</a> ist in diesem Zusammenhang ein unscharfer Begriff. Er lässt sich präzisieren etwa durch Farbton, Sättigung und Helligkeit oder aber durch Rot-, Grün- und Blauanteil oder andere Parametermodelle. Dadurch lassen sich entweder weitere Dimensionen (Datenreihen) in einem Diagramm darstellen oder aber durch Beschränkung Probleme wie <a href="Farbenfehlsichtigkeit" title="Farbenfehlsichtigkeit">Farbenfehlsichtigkeit</a> oder Schwarz-Weiß-Druckausgabe entschärfen.

</p>

<div class="mw-heading mw-heading2"><h2 id="Varianten">Varianten</h2></div>

<div class="mw-heading mw-heading3"><h3 id="Hitzekarte">Hitzekarte</h3></div>

<p>Eine Hitzekarte im engeren Sinn stellt eine Temperaturverteilung auf einer Landkarte dar, etwa die (Sommer-)Temperaturen in der Stadt oder auf einer topologischen U-Bahn-Karte.<sup id="cite_ref-bbctube_3-0" class="reference"><a href="#cite_note-bbctube-3"><span class="cite-bracket">[</span>3<span class="cite-bracket">]</span></a></sup>

</p><p>Hitzekarte ist die wörtliche deutsche Übersetzung von Heatmap. Inwiefern damit die gleichen Konzepte beschrieben oder ein <a href="Falscher_Freund" title="Falscher Freund">Falscher Freund</a> geschaffen wird, ob sich das <a href="Lehnwort" title="Lehnwort">Lehnwort</a> in seiner englischen oder deutschen Schreibweise im deutschen Sprachraum festsetzen kann, ist unklar.

</p>

<div class="mw-heading mw-heading3"><h3 id="Wärmebild"><span id="W.C3.A4rmebild"></span>Wärmebild</h3></div>

<p>Ein <a href="Thermografie" title="Thermografie">Wärmebild</a> repräsentiert Temperaturen farbcodiert in zwei Dimensionen. Da der Messwert im Prinzip bereits eine Temperatur ist, entfällt der Abstraktionsschritt vom Messwert auf eine Temperaturskala. Wärmebilder stellen somit die Urform der Heatmap dar und erklären ihren Namen.

</p>

<div class="mw-heading mw-heading3"><h3 id="Falschfarbenbild">Falschfarbenbild</h3></div>

<p>Bei <a href="Falschfarben" title="Falschfarben">Falschfarbenbildern</a> werden die Farben oder Graustufen eines Originalbildes auf neue Farben umcodiert zur Erhöhung des Kontrasts oder der intuitiven Erfassbarkeit.

</p>

<div class="mw-heading mw-heading3"><h3 id="Geclusterte_Heatmap">Geclusterte Heatmap</h3></div>

<p>Besteht keine <a href="Ordnungsrelation" title="Ordnungsrelation">Ordnung</a> auf den Achsen der Tabelle, so können die Zeilen (Spalten) ohne Informationsverlust <a href="Permutation" title="Permutation">permutiert</a> werden. Wird die Vertauschung so durchgeführt, dass ähnliche Zeilen (Spalten) aufeinander folgen, so erhält die Tabelle zusätzliche Struktur und die <a href="Clusteranalyse" title="Clusteranalyse">Cluster</a> fallen deutlich ins Auge.

</p>

<p>Eine <a href="Tree_Map" title="Tree Map">Tree Map</a> basiert nicht auf einer zweidimensionalen Tabelle, sondern auf einer hierarchischen Knotenmenge. Zweifelhaft ist, inwiefern der Begriff der Heatmap hier gerechtfertigt ist, insbesondere wenn die Farben keiner intuitiv erfassbaren Systematik folgen<sup id="cite_ref-newsmap.jp_4-0" class="reference"><a href="#cite_note-newsmap.jp-4"><span class="cite-bracket">[</span>4<span class="cite-bracket">]</span></a></sup> oder triviale Werte wie die Pfadlänge farbcodiert wird anstelle etwa der Partitionsgröße in einem Dateisystem. Ähnliches gilt für Mosaik-Diagramme.

</p>

<div class="mw-heading mw-heading2"><h2 id="Alternativen">Alternativen</h2></div>

<p>Statt durch Farbe kann ein Variablenwert auch durch andere Merkmale dargestellt werden. Kombinationen mit Farben im Allgemeinen und einer Heatmap im Besonderen sind möglich.

</p>

<div class="mw-heading mw-heading3"><h3 id="Blasendiagramm">Blasendiagramm</h3></div>

<p>Statt durch eine Farbe kann der abhängige Variablenwert auch durch eine geometrische Figur, etwa einem Kreis in einem <a href="Blasendiagramm" title="Blasendiagramm">Blasendiagramm</a>, dargestellt werden. Der Wert ist dann wahlweise proportional zum Durchmesser oder zur Fläche. Bei einer Tabelle mit drei unabhängigen Parametern wird aus dem Kreis eine Kugel. Verwendung findet diese Darstellung besonders, wenn die Achsen <a href="Ordnungsrelation" title="Ordnungsrelation">geordnet</a> und die Tabelle <a href="D%C3%BCnnbesetzte_Matrix" title="Dünnbesetzte Matrix">dünn besetzt</a> ist.

</p>

<div class="mw-heading mw-heading3"><h3 id="Säulendiagramm"><span id="S.C3.A4ulendiagramm"></span>Säulendiagramm</h3></div>

<p>Bei einem <a href="S%C3%A4ulendiagramm" title="Säulendiagramm">Säulendiagramm</a> werden die Variablenwerte durch die Höhe von Säulen dargestellt. Weitere Dimensionen lassen sich gewinnen durch Hinzunahme weiterer Säulen je Tabellenfeld. Maxima lassen sich sehr gut erfassen, kleinere Werte im Hintergrund werden durch größere im Vordergrund verdeckt. Ähnliches gilt für ein Oberflächendiagramm.

</p>

<div class="mw-heading mw-heading2"><h2 id="Anwendungen">Anwendungen</h2></div>

<p>Eine Auswahl von Anwendungen für Heatmaps (Liste nicht vollständig):

</p>

<dl><dt>Molekularbiologie</dt>

<dd>Visualisierung von <a href="Genexpressionsanalyse" title="Genexpressionsanalyse">Genexpressionsdaten</a>; Darstellung, wie experimentelle Bedingungen die Produktion (Expression) von mRNA für eine Gruppe von Genen beeinflussen.</dd>

<dt>Webdesign</dt>

<dd>Visualisierung von Klicks, Mausbewegung oder Blickdauer (Eyetracker) zum Zwecke der Entwicklung und Erfolgskontrolle, unterstützt die Optimierung des Layouts, der <a href="Benutzerfreundlichkeit" title="Benutzerfreundlichkeit">Benutzerfreundlichkeit</a> und der Platzierung von Elementen und Werbemitteln auf Onlineshops, Blogs, Portalen und normalen Webseiten.</dd>

<dt>Funktionsgraph</dt>

<dd>alternativ oder verstärkend kann ein <a href="Funktionsgraph" title="Funktionsgraph">Funktionsgraph</a> auf einer <a href="Dimension_(Mathematik)" title="Dimension (Mathematik)">zweidimensionalen</a> <a href="Definitionsmenge" title="Definitionsmenge">Definitionsmenge</a> mit einer Heatmap versehen werden.</dd>

<dt>Sport</dt>

<dd>Aufenthaltsdauer von <a href="Fu%C3%9Fball" title="Fußball">Fußballspielern</a> in einem bestimmten Spielfeldbereich<sup id="cite_ref-spiegel_5-0" class="reference"><a href="#cite_note-spiegel-5"><span class="cite-bracket">[</span>5<span class="cite-bracket">]</span></a></sup></dd>

<dt>Geolokalisierung</dt>

<dd>Nachrichten und ihre Häufung auf einer Weltkarte.<sup id="cite_ref-geoheat_6-0" class="reference"><a href="#cite_note-geoheat-6"><span class="cite-bracket">[</span>6<span class="cite-bracket">]</span></a></sup> Genauso lassen sich Fotos, Niederschläge, Geburten- und Todesfälle und jedes andere geolokalisierbare Datum visualisieren.</dd>

<dt>Börse</dt>

<dd>Kursbewegung relativ zum Vortag, hinterlegt mit Hintergrundinformationen<sup id="cite_ref-ftse100_7-0" class="reference"><a href="#cite_note-ftse100-7"><span class="cite-bracket">[</span>7<span class="cite-bracket">]</span></a></sup></dd></dl>

<div class="gallerytext">Clusterheatmap in der <a href="Genexpressionsanalyse" title="Genexpressionsanalyse">Genexpressionsanalyse</a> mit Clusterbäumen an den Achsen</div>

</li>

<div class="gallerytext"><a href="Web_Analytics" title="Web Analytics">Webanalyse</a>: Klickdichte auf einer Webseite</div>

</li>

<div class="gallerytext">Aufenthaltsdauer auf dem Fußballfeld</div>

</li>

<div class="gallerytext">Kombination aus Heatmap und Oberflächendiagramm</div>

</li>

</ul>

<div class="mw-heading mw-heading2"><h2 id="Software">Software</h2></div>

<ul><li><a href="R_(Programmiersprache)" title="R (Programmiersprache)">R (Statistiksoftware)</a> – Kostenlose Statistiksoftware, Quasi-Standard im akademischen Bereich, enthält mehrere Funktionen zum Zeichnen von Heatmaps</li>

<li><a href="Gnuplot" title="Gnuplot">Gnuplot</a> – universelles und kostenloses <a href="Kommandozeile" title="Kommandozeile">kommandozeilenorientiertes</a> Programm für <a href="Funktionsgraph" title="Funktionsgraph">Funktionsgraphen</a>, ermöglicht das Zeichnen von 2D- und 3D-Heatmaps.<sup id="cite_ref-gnuplotsvg_8-0" class="reference"><a href="#cite_note-gnuplotsvg-8"><span class="cite-bracket">[</span>8<span class="cite-bracket">]</span></a></sup> Ähnliche Programme sind PyXPlot, <a href="Matplotlib" title="Matplotlib">Matplotlib</a> und andere.</li>

<li>In der <a href="Biologie" title="Biologie">Biologie</a> ist der Diagrammtyp der Heatmap weit verbreitet, so dass es eine Vielzahl von Herstellern gibt, die passende Software anbieten.</li>

<li><a href="Microsoft_Excel" title="Microsoft Excel">Microsoft Excel</a> kann dazu gebracht werden, Heatmaps zu erzeugen, indem das Oberflächendiagramm verwendet wird. Da die Standardfarben der Legende mit einer Heatmap nicht verträglich sind, können die Farben geändert werden, um benutzerfreundliche und intuitive Heatmaps zu erzeugen. <a href="LibreOffice" title="LibreOffice">LibreOffice</a> und <a href="OpenOffice.org" class="mw-redirect" title="OpenOffice.org">OpenOffice.org</a> bieten diesen Diagrammtyp nicht direkt an, die Abbildungen können aber mittels bedingter Formatierung erzeugt werden.</li></ul>

<div class="mw-heading mw-heading2"><h2 id="Eigenschaften">Eigenschaften</h2></div>

<p>Menschen mit <a href="Farbenfehlsichtigkeit" title="Farbenfehlsichtigkeit">Farbenfehlsichtigkeit</a> können die Informationen in einer Heatmap mit bunten Farben schlechter, falsch oder gar nicht wahrnehmen. Das sollte bei Überlegungen zur <a href="Barrierefreiheit" title="Barrierefreiheit">Barrierefreiheit</a> berücksichtigt werden. Je nach Ausgabemedium kann die Farbe unterschiedlich ausfallen: Jeder Bildschirm stellt Farben anders dar; beim Druck findet ein Wechsel von <a href="Additive_Farbmischung" title="Additive Farbmischung">additiver</a> zu <a href="Subtraktive_Farbmischung" title="Subtraktive Farbmischung">subtraktiver Farbmischung</a> statt, was den Farbeindruck verändert. Abhilfe kann hier die Beschränkung auf monochrome Farbskalen oder Grauwerte schaffen.

</p>

<div class="mw-heading mw-heading2"><h2 id="Weblinks">Weblinks</h2></div>

<div class="sisterproject" style="margin:0.1em 0 0 0;"><div class="noresize noviewer" style="display:inline-block; line-height:10px; min-width:1.6em; text-align:center;" aria-hidden="true" role="presentation"><span class="mw-default-size" typeof="mw:File"><span title="Commons"></span></span></div><b><span class=""><a class="external text" href="https://commons.wikimedia.org/wiki/Category:Heat_maps?uselang=de"><span lang="en">Commons</span>: Heat maps</a></span></b> – Sammlung von Bildern, Videos und Audiodateien</div>

<ul><li><a rel="nofollow" class="external text" href="https://i3mainz.hs-mainz.de/de/services/tweetmap">Online-Tool zum Suchen von Tweets und deren Visualisierung in einer Karte</a> auf tweetmap.fh-mainz.de</li>

<li><a rel="nofollow" class="external text" href="http://www.patrick-wied.at/static/heatmapjs/">JavaScript-Bibliothek zur Erstellung von dynamischen Web-Heatmaps</a> auf patrick-wied.at</li></ul>

<div class="mw-heading mw-heading2"><h2 id="Einzelnachweise">Einzelnachweise</h2></div>

<span class="cite">Michael Friendly, Daniel J. Denis: <a rel="nofollow" class="external text" href="http://www.datavis.ca/milestones/index.php?group=1850+&mid=ms143"><i>Milestones in the history of thematic cartography, statistical graphics, and data visualization.</i></a> 2001,<span class="Abrufdatum"> abgerufen am 15. August 2011</span> (englisch): „First-known use of a semi-graphic table to display a data table by shading levels“</span><span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3AHeatmap&rft.title=Milestones+in+the+history+of+thematic+cartography%2C+statistical+graphics%2C+and+data+visualization&rft.description=Milestones+in+the+history+of+thematic+cartography%2C+statistical+graphics%2C+and+data+visualization&rft.identifier=http%3A%2F%2Fwww.datavis.ca%2Fmilestones%2Findex.php%3Fgroup%3D1850%2B%26mid%3Dms143&rft.creator=Michael+Friendly%2C+Daniel+J.+Denis&rft.date=2001&rft.language=en"> </span></span>

</li>

Leland Wilkinson, Michael Friendly: <cite class="lang" lang="en" dir="auto" style="font-style:italic">The History of the Cluster Heat Map</cite>. 18. November 2008, <span style="white-space:nowrap">S.<span style="display:inline-block;width:.2em"> </span>11</span> (englisch, <a rel="nofollow" class="external text" href="http://www2.cs.uic.edu/~wilkinson/Publications/heatmap.pdf">uic.edu</a> [PDF; <span style="white-space:nowrap">2,7<span style="display:inline-block;width:.2em"> </span>MB</span>; abgerufen am 15. August 2011]).<span class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&rfr_id=info:sid/de.wikipedia.org:Heatmap&rft.au=Leland+Wilkinson%2C+Michael+Friendly&rft.btitle=The+History+of+the+Cluster+Heat+Map&rft.date=2008-11-18&rft.genre=book&rft.pages=11" style="display:none"> </span></span>

</li>

<span class="cite"><a rel="nofollow" class="external text" href="http://news.bbc.co.uk/2/hi/8218059.stm"><i>Map reveals hotspots of the Tube.</i></a> In: <i>News.</i> BBC Mobile, 24. August 2009,<span class="Abrufdatum"> abgerufen am 15. August 2011</span> (englisch, Artikel verlinkt auf eine Heatmap der Londoner U-Bahn-Linien): „The heat map monitored most Underground lines in zones one and two on 28 July last year – the hottest day of the year.“</span><span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3AHeatmap&rft.title=Map+reveals+hotspots+of+the+Tube&rft.description=Map+reveals+hotspots+of+the+Tube&rft.identifier=http%3A%2F%2Fnews.bbc.co.uk%2F2%2Fhi%2F8218059.stm&rft.publisher=BBC+Mobile&rft.date=2009-08-24&rft.language=en"> </span></span>

</li>

<span class="cite"><a rel="nofollow" class="external text" href="http://newsmap.jp/"><i>Newsmap.</i></a> Marcos Weskamp,<span class="Abrufdatum"> abgerufen am 15. August 2011</span> (Nachrichtensammler als Tree Map. (Willkürliche) Kategorien werden auf Farbtöne abgebildet, das Meldungsalter auf die Helligkeit (je älter desto dunkler)).</span><span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3AHeatmap&rft.title=Newsmap&rft.description=Newsmap&rft.identifier=http%3A%2F%2Fnewsmap.jp%2F&rft.publisher=Marcos+Weskamp"> </span></span>

</li>

<span class="cite">Mike Glindmeier: <a rel="nofollow" class="external text" href="http://www.spiegel.de/fotostrecke/fotostrecke-71084-4.html"><i>Mehr Daten, mehr live, mehr mobil.</i></a> Spiegel Online, 4. August 2011,<span class="Abrufdatum"> abgerufen am 15. August 2011</span> (Beispiel einer Heatmap): „Anhand der Vierecke können Sie das Bewegungsprofil des jeweiligen Spielers nachvollziehen.“</span><span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3AHeatmap&rft.title=Mehr+Daten%2C+mehr+live%2C+mehr+mobil&rft.description=Mehr+Daten%2C+mehr+live%2C+mehr+mobil&rft.identifier=http%3A%2F%2Fwww.spiegel.de%2Ffotostrecke%2Ffotostrecke-71084-4.html&rft.creator=Mike+Glindmeier&rft.publisher=Spiegel+Online&rft.date=2011-08-04"> </span></span>

</li>

<span class="cite">Ilya Grigorik: <a rel="nofollow" class="external text" href="http://www.igvita.com/2007/01/31/world-news-through-geographic-heatmaps/"><i>World News With Geographic Heatmaps.</i></a> 31. Januar 2007,<span class="Abrufdatum"> abgerufen am 15. August 2011</span> (englisch).</span><span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3AHeatmap&rft.title=World+News+With+Geographic+Heatmaps&rft.description=World+News+With+Geographic+Heatmaps&rft.identifier=http%3A%2F%2Fwww.igvita.com%2F2007%2F01%2F31%2Fworld-news-through-geographic-heatmaps%2F&rft.creator=Ilya+Grigorik&rft.date=2007-01-31&rft.language=en"> </span></span>

</li>

<li id="cite_note-ftse100-7"><span class="mw-cite-backlink"><a href="#cite_ref-ftse100_7-0">↑</a></span> <span class="reference-text"><span class="cite">Peter Simpson: <a rel="nofollow" class="external text" href="https://web.archive.org/web/20120301002820/http://www.panopticon.com/demo/39"><i>FTSE Market Heatmap Monitor.</i></a> Panopticon, archiviert vom <style data-mw-deduplicate="TemplateStyles:r250917974">

/* start https://de.wikipedia.org/ */

.mw-parser-output .dewiki-iconexternal>a{background-position:center right!important;background-repeat:no-repeat!important}body.skin-minerva .mw-parser-output .dewiki-iconexternal>a{background-image:url("./_mw_/OOjs_UI_icon_external-link-ltr-progressive.svg")!important;background-size:10px!important;padding-right:13px!important}body.skin-timeless .mw-parser-output .dewiki-iconexternal>a,body.skin-monobook .mw-parser-output .dewiki-iconexternal>a{background-image:url("./_mw_/MediaWiki_external_link_icon.svg")!important;padding-right:13px!important}body.skin-vector .mw-parser-output .dewiki-iconexternal>a{background-image:url("./_mw_/Link.ernal-small-ltr-progressive.svg")!important;background-size:0.857em!important;padding-right:1em!important}

/* end https://de.wikipedia.org/ */

</style><span class="dewiki-iconexternal"><a class="external text" href="https://redirecter.toolforge.org/?url=http%3A%2F%2Fwww.panopticon.com%2Fdemo%2F39">Original</a></span> am <span style="white-space:nowrap;">1. März 2012</span><span>;</span><span class="Abrufdatum"> abgerufen am 15. August 2011</span> (englisch, Kursbewegungen zum FTSE 100): „A Heatmap monitors price changes within the constituents of the FTSE 100 Index.“</span><span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3AHeatmap&rft.title=FTSE+Market+Heatmap+Monitor&rft.description=FTSE+Market+Heatmap+Monitor&rft.identifier=https%3A%2F%2Fweb.archive.org%2Fweb%2F20120301002820%2Fhttp%3A%2F%2Fwww.panopticon.com%2Fdemo%2F39&rft.creator=Peter+Simpson&rft.publisher=Panopticon&rft.source=http://www.panopticon.com/demo/39&rft.language=en"> </span></span>

</li>

<span class="cite"><a rel="nofollow" class="external text" href="http://gnuplot.sourceforge.net/demo_svg/heatmaps.html"><i>gnuplot demo script: heatmaps.dem.</i></a> gnuplot, 30. Mai 2009,<span class="Abrufdatum"> abgerufen am 15. August 2011</span> (englisch, Beispiele mit Quelltext zur Erzeugung von Heatmaps im SVG-Format).</span><span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3AHeatmap&rft.title=gnuplot+demo+script%3A+heatmaps.dem&rft.description=gnuplot+demo+script%3A+heatmaps.dem&rft.identifier=http%3A%2F%2Fgnuplot.sourceforge.net%2Fdemo_svg%2Fheatmaps.html&rft.publisher=gnuplot&rft.date=2009-05-30&rft.language=en"> </span></span>

</li>

</ol></div><div><div class="zim-footer">

Dieser Artikel wurde von <a class="external text" title="Zuletzt bearbeitet am 2025-05-10" href="https://de.wikipedia.org/wiki/?title=Heatmap&oldid=255901008">Wikipedia</a> herausgegeben. Der Text ist unter <a class="external text" href="https://creativecommons.org/licenses/by-sa/4.0/deed.de">Creative Commons Attribution-Share Alike 4.0</a> verfügbar, sofern nicht anders angegeben. Für die Mediendateien können zusätzliche Bedingungen gelten.

</div>

</div></div>

</div>

</main>

</div>

</body></html>